MOBILE FRIENDLY TEST

Unreachable Web Page?

If the Mobile-Friendly Test tool cannot open the page, an error will appear explaining the problem. Access issues include system availability or site downtime.

This Mobile-Friendly Test tool opens the page as Googlebot (not using your data, but as Google). Because of this, it will most likely be blocked by a robots.txt document.

Pages Contain Unmountable Elements

If the test is unable to mount all the elements used on the page, you will get a notification. Resources are external components included by the page, for example, images, CSS, or script files. This can happen for several reasons:

• Element could not be loaded in the correct time frame. For this problem, try running the test again at a later time.
• Element does not exist in the specified area (error 404).
• This element is not available to clients who are not logged in.
• The element is set to block Googlebot with a robots.txt file. If the resource is important and is on your own web page, you must allow Googlebot; if it's on another website, you should contact the admin of that webpage and ask him to unblock it.

Unstable Test Results / Page Loading Issues

If you have elements that won't load or other pile-up issues, you may see slightly different results each time you run your test. That's because the stacked resource settings can be different during testing.

Benefits of Having a Mobile Friendly Website

As previously stated, having a mobile-friendly website page is a must if you want to achieve high rankings. The following is a list of advantages of having a mobile-friendly website:

• Get more traffic from mobile search
• Potential to rank high on SERP
• Avoid penalties from search engines
• Provide a good user experience for visitors

Tips to Make Web Pages More Mobile-Friendly

Now that you know the importance of having a mobile-friendly website, then how do you make the page mobile-friendly? Here are some tips to improve the mobile-friendliness of a website.

Create Responsive Website Appearance

Of course, the appearance of the website on mobile and desktop will be different due to different screen sizes. Therefore, your website should have a responsive display which means it should be able to display well on various screen sizes.

By adjusting the appearance of the website, your website will automatically become mobile-friendly. Consistent display between desktop and mobile screens is very important for visitors’ convenience

Use AMP

AMP (accelerated mobile page) is a framework that was launched to create a simple mobile website and make the page more accessible by reducing some elements that are considered heavy. By using this technology, the website speed will increase and it will be more mobile-friendly.

Increase Loading Speed

In addition to using AMP to increase page speed, you can reduce unnecessary elements that can hinder the page loading process. For a more complete explanation, read also how to increase website loading speed.

Optimize Images

Visual elements such as images must be optimized because these elements contribute to the loading time of a website. You can set the format, compress the image, and add alt-text to the image.

Choose the Right UI

The display or UI we mean includes the use of fonts, simple forms, and pop-ups on web pages. These elements must be optimized on mobile devices with limited screen sizes so as not to affect the overall appearance of the website.

Thus a discussion of the Mobile-friendly test tool from cmlabs complete with benefits and how to optimize it. Visit this tool page to start testing your website for free.

How to Use Mobile-Friendly Test

We have summarized the steps you must take to operate this tool. Read more below.

Go to the Mobile-Friendly Test tool page

As the main step, of course, you have to open the page of this tool. After that, you will see several available features such as the URL column, display of results, checking progress, mobile preview, history, to a brief explanation of this tool.

Figure 1: Mobile-friendly test page display from cmlabs

Enter Website URL

You must first enter the website URL in the field provided. Make sure you have entered the URL in the correct format (e.g https://example.com). Next, click the "Check URL" button to give the command to this tool to start checking the website.

Figure 2: How to enter a website URL to check for mobile-friendliness

Analysis of Mobile-Friendly Test Results

After you click the Check URL button, you will wait a while for the robot to check. You can see the progress in the progress bar below the URL field. This process does not take much time, you can immediately find out in the results field on the left side of the page.

The results page will display the mobile-friendliness status of the URL you entered along with any issues found if any.

Figure 3: Mobile-friendly check results from previously entered URLs.

Reviewing Mobile View

In addition to displaying mobile-friendliness results, you can also see how the website will look when accessed via mobile. This feature allows you to analyze the UI/UX appearance of the mobile view.

Figure 4: Mobile preview feature on Mobile-Friendly test

View Mobile-Friendly Test Usage History

The last thing you can do using the Mobile-Friendly Test is look at your history of using the tool. This tool allows you to view all URL history that has been checked using this tool.

With this feature, you don't need to re-type the URL that was checked if you want to re-check it. You can also delete usage history using the "Clear" button on the right side of the usage history feature.

Figure 5: History feature of the Mobile-Friendly Test tool from cmlabs

Login After 5 Times of Usage

Some cmlabs free tools require a login process after 5 times of use, Mobile-friendly Test is one of them. If you have used it 5 times, our system will automatically display a message stating that you have reached the usage limit.

Figure 6: The usage warning. In this warning, there is a login button that directs to the login page.

You can log in by clicking the login button on the warning message that appears. Next, you will be directed to the cmlabs login page. Please enter the required data, or you can log in via Google.

Figure 7: cmlabs login page

Once you have successfully logged in, you will be able to return to using the tool to check for mobile-friendliness for free. By logging in, the system can save historical data on the use of this tool in the last a year.